<template>
  <div class="home">
     我是首页
     <my-header @abc="show"></my-header>
  </div>
</template>

<script>
// @ is an alias to /src
import MyHeader from '../components/myHeader';
export default {
  name: 'HomeView',
  components: {
    MyHeader
  },
  methods: {
    show(val){
      alert('我是home页面的'+val);
    }
  },
}
// 怎们看待前端发展模式？
// 高内聚，低耦合。
// 高内聚: 一个模块只干一件事情。
// 低耦合: 
// a=>b=>c=>a 相互关联。（高耦合带来的维护成本非常高）

// 使用组件的页面叫父，被使用的组件叫 子。
</script>
